<template>
<div class="our">
  <HeadNav/>
  <div class="our-container">
    <div class="article-container">
      <img src="./03.png"/>
      <div class="article">{{tableData.text}}</div>
    </div>
  </div>
</div>
</template>

<script>
import api from '../api'
import HeadNav from '../components/HeadNav'
export default {
  data(){
    return{
      tableData:[]
    }
  },
  components:{HeadNav},
  mounted(){
    api.getJoin({})
    .then(res=>{
      console.log(res.data.list[0])
      this.tableData=res.data.list[0]
    })
 }
}

</script>

<style>
.our-container{
  width:100%;
  height:100%;
  background-color: #F2F2F2;
}
.article-container{
  background-color: #fff;
  margin-left:250px;
  width:60%;
  height:1000px;
}
.article{
  margin:0px auto;
  width:60%;
  line-height:30px;
}
</style>